<!-- 引入公共部分 -->
{{extend './layout.html'}}

{{block 'link'}}
<!-- 添加css链接 -->
<link rel="stylesheet" href="/static/admin/css/orderMenuDetail.css">
{{/block}}

<!-- body代码 -->
{{block 'main'}}
    <!-- 头部导航代码 -->
    {{include './header.html'}}
    <div class="banner">
        <div class="left">
            <!-- 侧边栏 -->
            {{include './aside.html'}}
        </div>
        <div class="right">
            <div class="nav">
                <i class="iconfont shouyebeifen"></i>
                <a href="/admin">首页</a>
                <i class="iconfont zuoyoujiantou"></i>
                <a href="/admin/trade/orderMenu">订单管理</a>
                <i class="iconfont zuoyoujiantou"></i>
                <a href="/admin/trade/orderMenuDetail">订单详情</a>
            </div>
            <div class="wrap">
                <div class="detailTitle">订单编号：<b>{{orderInfo.orderNo}}</b></div>
                <div class="detailHeader">
                    <p>收件人信息</p>
                    <div class="consigneeInfo">
                        <span>收件人姓名：{{orderInfo.nickname}}</span>
                        <span>收件人电话：{{orderInfo.telephone}}</span>
                        <span>收件人地址：{{orderInfo.address}}</span>
                    </div>
                </div>
                <div class="detailWrap">
                    <p>产品信息</p>
                    <div class="goodsInfos clearfix">
                        <div class="goodsInfoDiv">
                            <div class="goodsImgDiv">
                                <img src={{orderInfo.cover}} alt="产品图片">
                            </div>
                            <div class="goodsinfo">
                                <a href="#">产品名称：{{orderInfo.goodsName}}</a>
                                <span>规格：{{orderInfo.goodsSpacColor}}</span>
                                <span>尺码：{{orderInfo.goodsSpacSize}}</span>
                                <span>价格：￥{{orderInfo.money}}</span>
                                <span>数量：{{orderInfo.count}}</span>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <div class="detailPay">
                    <div class="payWrap">
                        <div>支付状态：{{orderInfo.handle==0?'未支付':'已支付'}}</div>
                        <div>订单生成日期：{{orderInfo.time}}</div>
                        <div>快递名称：{{orderInfo.handle==0?'未支付，暂无信息':'已支付'}}</div>
                        <div>发货日期：{{orderInfo.handle==0?'未支付，暂无信息':'已支付'}}</div>
                    </div>
                    <hr>
                    <div class="payAll">
                        <span>总数：{{orderInfo.count}}</span>
                        <span>总价：{{orderInfo.money}}元</span>
                    </div>
                </div>
                <div class="ditailEnd">
                    <button class="btn addBtn" onclick="returnFun()">返回上一页</button>
                </div>
            </div> 
        </div>
        <!-- 底部信息 -->
        {{include './footer.html'}}
        <div class="covers" onclick="closeFun()"></div>
    </div>
    {{include './tools.html'}}

{{/block}}
{{block 'script'}}
<!-- 添加js代码 -->
<script src="/static/admin/js/orderMenuDetail.js"></script>
{{/block }}
